<template>
    <div class="addUser">
        <div class="banner">
            <div v-if="step == 1">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_01.png"/>
                <div>请在门锁上输入管理员信息</div>
            </div>
            <div v-if="step == 2">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_02.png"/>
                <div>请在门锁上录入指纹</div>
            </div>
            <div v-if="step == 3">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_05.png"/>
                <div>门锁指纹录入成功</div>
            </div>
            <div v-if="step == 4">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_01.png"/>
                <div>请在门锁上输入管理员信息</div>
            </div>
            <div v-if="step == 5">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_03.png"/>
                <div>请在门锁上输入用户密码</div>
            </div>
            <div v-if="step == 6">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_05.png"/>
                <div>密码用户添加成功</div>
            </div>
            <div v-if="step == 7">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_01.png"/>
                <div>请在门锁上输入管理员信息</div>
            </div>
            <div v-if="step == 8">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_04.png"/>
                <div>请在门锁上刷卡</div>
            </div>
            <div v-if="step == 9">
                <img style="width: 100vw; height: 88.88vw;" src="../../assets/AddUserStep_05.png"/>
                <div>刷卡用户添加成功</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'AddUserStep',
        components: {},
        data () {
            return {
                step: this.$route.query.step,
            }
        },
        created () {

        },
        methods: {
            onGeneralClick: function (link, queryParams) {
                this.$router.push({
                    path: link,
                    query: queryParams
                });//其中login是你定义的一个路由模块
            }
        }
    }
</script>

<style scoped>
    .addUser > .banner {
        width: 100vw;
        height: 100vh;
    }
</style>
